<template>
	<view class="testdetail">
		<view class="header">
			<view class="out">
				<u-icon name="arrow-left" size="25" @click="goout"></u-icon>
			</view>
			<view class="class-list">课程列表</view>
		</view>
		<view class="djs-box">
			<view class="box">考试时间：</view>
			<view class="box1">
				<u-count-down :time=" 60 * 60 * 1000" format="HH:mm:ss"></u-count-down>
			</view>
		</view>
		<view class="ti-box">
			<view class="a1">单选选题</view>
			<view class="a2">第1题</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad() {
			
		},
		methods:{
			// 点击退出
			goout(){
			  uni.navigateBack({
			  	url:'/pages/index/index'
			  })
			}
		}
	}
</script>

<style lang="less">
	.testdetail{
		.header{
			width: 100%;
			height: 100rpx;
				line-height: 100rpx;
			display: flex;
			flex-direction: row;
			.out{
				flex: 1;
				padding-left: 20rpx;
				padding-top: 27rpx;
			}
			.class-list{
				flex: 3;
				font-size: 38rpx;
				font-weight: 600;
				margin-left: 120rpx;
			}
		}
		.djs-box{
			width: 100%;
			height: 100rpx;
			border-top: 2rpx solid red;
			border-bottom: 2rpx solid red;
			display: flex;
			flex-direction: row;
			.box{
				flex: 2;
				display: flex;
				justify-content: center;
				align-items: center;
				color: red;
			}
			.box1{
				flex: 2;
				display: flex;
				justify-content: center;
				align-items: center;
				color: red;
			}
		}
		.ti-box{
			width: 100%;
			height: 70rpx;
			display: flex;
			flex-direction: row;
			border-bottom: 2rpx solid #ccc;
			.a1{
				flex: 4;
				line-height: 60rpx;
			}
			.a2{
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}
	
</style>